@media screen and (max-width: 480px) {
	.topPage.top {
		.content {
			height: 80px !important;
			image {
				width: 180rpx !important;
			}
			.zhed {
				width: 30px !important;
			}
			.type {
				display: none !important;
			}
		}
	}
	.bottomPage {
		.bj {
			.content {
				.top {
					display: block !important;
					.right {
						justify-content: flex-start !important;
					}
				}
				.bottom {
					span {
						display: block;
					}
				}
			}
		}
	}
	.list {
		.item {
			display: block !important;
			.cont,
			image {
				width: 100% !important;
			}
		}
	}
}
@media screen and (min-width: 400px) and (max-width: 800px) {
	.topPage.top {
		.content {
			position: relative !important;
			height: 80px !important;
			image {
				width: 120px !important;
			}
			.zhed {
				width: 40px !important;
			}
		}
	}
}
@media screen and (max-width: 800px) {
	.topPage.top {
		.content {
			position: relative !important;
			.zhed {
				display: block !important;
				margin: 0 !important;
				position: absolute !important;
				right: 0 !important;
			}
			.type {
				display: none !important;
			}
		}
		.popup-content {
			.item {
				margin: 25px 0 !important;
			}
		}
	}
	.introduce,
	.about {
		padding: 2vw 0 !important;
		.content {
			display: block !important;
			text-align: center;
			image {
				width: 100% !important;
				margin: 0 auto !important;
			}
			.right,
			.left {
				width: 100% !important;
			}
			.title {
				text-align: center !important;
				font-size: 35px !important;
			}
			.name {
				text-align: center !important;
				font-size: 25px !important;
			}
			.desc {
				text-align: center !important;
				font-size: 14px !important;
				margin-bottom: 10px !important;
			}
			.more {
				text-align: center !important;
				font-size: 14px !important;
				margin-top: 20px !important;
				image {
					width: 20px !important;
					margin-left: 10px !important;
				}
			}
		}
	}
	.introduce.cont3 {
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			.item {
				width: 100% !important;
				image {
					margin: 0 auto;
				}
				.text {
					height: auto !important;
					font-size: 14px !important;
					.title {
						font-size: 24px !important;
					}
				}
				.text:after {
					border-width: 10px !important;
				}
			}
			.item.fall {
				flex-direction: column !important;
				.text {
					margin-top: 0 !important;
					margin-bottom: 20px !important;
				}
				.text:after {
					top: unset !important;
					bottom: -16px !important;
					border-bottom-color: #4864a7 !important;
					border-top: none !important;
				}
			}
		}
	}
	.news {
		padding: 2vw 0 !important;
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			display: block !important;
			.item {
				width: 100% !important;
				font-size: 14px !important;
				image {
					width: 100% !important;
					margin: 10px 0 !important;
				}
				.title {
					font-size: 16px !important;
				}
			}
		}
	}
	.bottomPage {
		.bj {
			padding: 2vw 0 !important;
			.content {
				.top {
					image {
						width: 30% !important;
					}
					.right {
						width: 100% !important;
						.item {
							width: auto !important;
							margin-left: 10px !important;
							.title {
								font-size: 16px !important;
							}
							.children {
								line-height: 22px !important;
							}
						}
						.item:first-child {
							margin: 0 !important;
						}
					}
				}
				.bottom {
					display: block !important;
					view {
						width: 100% !important;
						font-size: 14px !important;
					}
				}
			}
		}
		.bj2 {
			padding: 1vw 0 !important;
			.content {
				display: block !important;
				view {
					font-size: 14px !important;
				}
			}
		}
	}
	.banner {
		height: 30vw !important;
		.content {
			.title {
				font-size: 30px !important;
				margin-bottom: 10px !important;
			}
			.name {
				font-size: 20px !important;
			}
		}
	}
	.core-values {
		padding: 2vw 0 !important;
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			margin: 10px auto !important;
			flex-wrap: wrap;
			.item {
				width: 49% !important;
				margin-bottom: 10px !important;
				padding: 10px !important;
				font-size: 14px !important;
				.title {
					font-size: 16px !important;
					height: 50px !important;
					line-height: 50px !important;
					margin-bottom: 10px !important;
				}
			}
		}
	}
	.features {
		padding: 2vw 0 !important;
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			margin: 10px auto !important;
			.item {
				font-size: 14px !important;
				.title {
					margin: 0 !important;
				}
			}
		}
	}
	.area {
		padding: 2vw 0 !important;
		.item {
			display: block !important;
			text-align: center;
			image {
				width: 100% !important;
			}
			.cont {
				width: 100% !important;
				padding: 0 !important;
			}
			.title {
				font-size: 35px !important;
			}
			.name {
				font-size: 25px !important;
			}
			.desc {
				font-size: 14px !important;
			}
		}
	}
	.list {
		padding: 2vw 0 !important;
		.item {
			margin-bottom: 10px !important;
			padding-bottom: 10px !important;
			.title {
				font-size: 20px !important;
			}
			.text {
				font-size: 14px !important;
			}
		}
	}
	.detail {
		padding: 2vw 0 !important;
		.title {
			font-size: 24px !important;
		}
		.bottom {
			margin: 10px 0 !important;
		}
	}

	.introduce {
		.content {
		.video_img {
			width: 100% !important;
			video {
				width: 100%;
			}
			.icon {
				width: 10% !important;
			}
		}
		}
	}
}
@media screen and (min-width: 800px) and (max-width: 1100px) {
	.topPage.top {
		.content {
			height: 80px !important;
			image {
				width: 150px !important;
				margin-right: 10% !important;
			}
			.zhed {
				display: none;
			}
			.type {
				.item {
					margin-right: 20px !important;
				}
			}
		}
	}
	.introduce,
	.about {
		.content {
			.title {
				font-size: 35px !important;
			}
			.name {
				font-size: 25px !important;
			}
			.desc {
				font-size: 14px !important;
				line-height: 24px !important;
			}
			.more {
				font-size: 14px !important;
				margin-top: 20px !important;
			}
		}
	}
	.introduce.cont3 {
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			.item {
				.text {
					font-size: 14px !important;
					.title {
						font-size: 24px !important;
					}
					.te {
						line-height: 24px !important;
					}
				}
				.text:after {
					border-width: 10px !important;
				}
			}
		}
	}
	.news {
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			.item {
				font-size: 14px !important;
				line-height: 24px !important;
				image {
					margin-bottom: 0px !important;
				}
				.title {
					font-size: 16px !important;
				}
			}
		}
	}
	.bottomPage {
		.bj {
			padding: 2vw 0 !important;
			.content {
				image {
					width: 200px !important;
				}
				.right {
					width: calc(100% - 210px) !important;
					.children {
						line-height: 22px !important;
					}
				}
				.title {
					font-size: 16px !important;
				}
				span {
					font-size: 14px !important;
				}
			}
		}
		.bj2 {
			padding: 1vw 0 !important;
			.content {
				font-size: 14px !important;
			}
		}
	}
	.banner {
		.content {
			.title {
				font-size: 40px !important;
			}
			.name {
				font-size: 28px !important;
			}
		}
	}
	.core-values {
		padding: 2vw 0 !important;
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			margin: 10px auto !important;
			.item {
				padding: 10px !important;
				line-height: 24px !important;
				.title {
					margin-bottom: 10px !important;
				}
			}
		}
	}
	.features {
		padding: 2vw 0 !important;
		.top-cont {
			font-size: 25px !important;
			.title {
				font-size: 35px !important;
			}
		}
		.content {
			margin: 10px auto !important;
			.item {
				line-height: 24px !important;
				.title {
					margin: 0 !important;
				}
			}
		}
	}
	.area {
		padding: 2vw 0 !important;
		.item {
			.cont {
				padding: 10px !important;
			}
			.title {
				font-size: 35px !important;
			}
			.name {
				font-size: 25px !important;
			}
			.desc {
				font-size: 14px !important;
				line-height: 24px !important;
			}
		}
	}
	.list {
		padding: 2vw 0 !important;
		.item {
			margin-bottom: 10px !important;
			padding-bottom: 10px !important;
			.title {
				font-size: 24px !important;
			}
		}
	}
	.detail {
		padding: 2vw 0 !important;
		.title {
			font-size: 24px !important;
		}
		.bottom {
			margin: 10px 0 !important;
		}
	}
}
@media screen and (min-width: 767px) {
	.topPage,
	.bj,
	.bj2,
	.introduce,
	.news,
	.about,
	.core-values,
	.features {
		.content,
		.top-cont {
			width: 80% !important;
		}
	}
	.list,
	.area,
	.detail {
		width: 80% !important;
	}
}
@media screen and (min-width: 800px) {
	.introduce.cont3 {
		.content {
			.item {
				.image {
					height: calc(80vw / 3 / 1.49) !important;
				}
				.text {
					height: calc(80vw / 3 / 1.49 - 20px) !important;
				}
			}
		}
	}
	.news {
		.content {
			.item {
				image {
					height: calc(80vw * 0.32 * 0.7) !important;
				}
			}
		}
	}
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
	.introduce.cont3 {
		.te {
			-webkit-line-clamp: 4 !important;
		}
	}
}
@media screen and (min-width: 800px) and (max-width: 900px) {
	.introduce.cont3 {
		.te {
			-webkit-line-clamp: 3 !important;
		}
	}
}
